<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@include file="/page/common/public.jspf"%>
<%@ page import="com.hengpeng.itfints.tools.PageUtil" %>
<% 
	PageUtil pageUtil = (PageUtil)request.getAttribute("PageUtil");
%>
<!DOCTYPE HTML>
<html>
<head>
<title>债权转让区</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="utf-8" />
<link rel="shortcut icon" href="${path }/favicon.ico" />
<script src="${path }/js/common/jquery1.10.2.min.js"></script>
<script src="${path }/js/common/helper.js?v=${v}"></script>
<script src="${path }/js/common/cookie.js?v=${v}"></script>
<script src="${path }/js/assign/assign.js?v=${v}"></script>
<style type="text/css">
body{background:#F5F5F5;}
.logo_main_bor{box-shadow: 0px 2px 6px rgba(2, 0, 0, 0.1);}
.circliful {position: relative; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}
.circle-info, .circle-info-half {color: #999;}
.circliful .fa {margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}






.mt20 { margin-top: 20px;}
.wp100 { width: 100%;}
.list-title {height: 30px; line-height: 30px; text-align: center;}
.gray {color: #4f4f4f;}
.w60 { width: 60px;}
.w200 { width: 200px;}
.w100 { width: 100px;}
.relative { position: relative;}
.w80 { width: 80px;}
#page-invest-list .invest-list-item {  border-bottom: 1px solid #ebebeb;}
#page-invest-list .list-field {height: 56px;line-height: 56px;}
.invest-list-icon.type { width: 60px;text-align: center;line-height:30px;color: #FFF;}
.invest-list-icon.btn.gray {background-position: -60px -174px;}
.invest-list-icon.btn { width: 70px; top:1px;line-height: 26px;}

.invest-list-icon {display: inline-block;width: 60px;height: 30px;background: url(../images/invest-list-icon-1.png) no-repeat; position: relative;}
.over_bg{background: #F7F7F7; border-bottom: 1px solid #ebebeb;}


.invest-list-icon.progress.L0,.invest-list-icon.progress.L1,.invest-list-icon.progress.L2,.invest-list-icon.progress.L3 {
	background-position:0 -209px
}
.invest-list-icon.progress.L10,.invest-list-icon.progress.L11,.invest-list-icon.progress.L4,.invest-list-icon.progress.L5,.invest-list-icon.progress.L6,.invest-list-icon.progress.L7,.invest-list-icon.progress.L8,.invest-list-icon.progress.L9 {
	background-position:-41px -209px
}
.invest-list-icon.progress.L12,.invest-list-icon.progress.L13,.invest-list-icon.progress.L14,.invest-list-icon.progress.L15,.invest-list-icon.progress.L16,.invest-list-icon.progress.L17 {
	background-position:-82px -209px
}
.invest-list-icon.progress.L18,.invest-list-icon.progress.L19,.invest-list-icon.progress.L20,.invest-list-icon.progress.L21,.invest-list-icon.progress.L22,.invest-list-icon.progress.L23 {
	background-position:-123px -209px
}
.invest-list-icon.progress.L24,.invest-list-icon.progress.L25,.invest-list-icon.progress.L26,.invest-list-icon.progress.L27,.invest-list-icon.progress.L28,.invest-list-icon.progress.L29 {
	background-position:-164px -209px
}
.invest-list-icon.progress.L30,.invest-list-icon.progress.L31,.invest-list-icon.progress.L32,.invest-list-icon.progress.L33,.invest-list-icon.progress.L34,.invest-list-icon.progress.L35 {
	background-position:-205px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L36,.invest-list-icon.progress.L37,.invest-list-icon.progress.L38,.invest-list-icon.progress.L39,.invest-list-icon.progress.L40,.invest-list-icon.progress.L41 {
	background-position:-246px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L42,.invest-list-icon.progress.L43,.invest-list-icon.progress.L44,.invest-list-icon.progress.L45,.invest-list-icon.progress.L46,.invest-list-icon.progress.L47,.invest-list-icon.progress.L48,.invest-list-icon.progress.L49 {
	background-position:-287px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L50,.invest-list-icon.progress.L51,.invest-list-icon.progress.L52,.invest-list-icon.progress.L53,.invest-list-icon.progress.L54,.invest-list-icon.progress.L55 {
	background-position:-328px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L56,.invest-list-icon.progress.L57,.invest-list-icon.progress.L58,.invest-list-icon.progress.L59,.invest-list-icon.progress.L60,.invest-list-icon.progress.L61,.invest-list-icon.progress.L62,.invest-list-icon.progress.L63 {
	background-position:-369px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L64,.invest-list-icon.progress.L65,.invest-list-icon.progress.L66,.invest-list-icon.progress.L67,.invest-list-icon.progress.L68,.invest-list-icon.progress.L69 {
	background-position:-410px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L70,.invest-list-icon.progress.L71,.invest-list-icon.progress.L72,.invest-list-icon.progress.L73,.invest-list-icon.progress.L74,.invest-list-icon.progress.L75 {
	background-position:-451px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L76,.invest-list-icon.progress.L77,.invest-list-icon.progress.L78,.invest-list-icon.progress.L79,.invest-list-icon.progress.L80,.invest-list-icon.progress.L81 {
	background-position:-492px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L82,.invest-list-icon.progress.L83,.invest-list-icon.progress.L84,.invest-list-icon.progress.L85,.invest-list-icon.progress.L86,.invest-list-icon.progress.L87 {
	background-position:-533px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L88,.invest-list-icon.progress.L89,.invest-list-icon.progress.L90,.invest-list-icon.progress.L91,.invest-list-icon.progress.L92,.invest-list-icon.progress.L93 {
	background-position:-574px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L94,.invest-list-icon.progress.L95,.invest-list-icon.progress.L96,.invest-list-icon.progress.L97,.invest-list-icon.progress.L98,.invest-list-icon.progress.L99 {
	background-position:-615px -209px;
	color:#54bc2e
}
.invest-list-icon.progress.L100 {background-position: -656px -209px; color: #54bc2e;}
.invest-list-icon.progress { width: 38px; height: 38px;line-height: 38px;text-align: center; color: #FF9C65; font-size: 12px;}
</style>

<script type="text/javascript">
function selectTag(showType){
	if (showType == "INVEST") {//投标产品列表
		window.location.href = "<%=request.getContextPath()%>/borrowInfo/list.htm";
	} else if (showType == "ASSIGN") {//债权产品列表
		window.location.href = "<%=request.getContextPath()%>/assign/list.htm";
	} else {
		
	}
}
//分页
function go (page) {
	window.location.href = "<%=request.getContextPath()%>/assign/list.htm?curPage="+page+"";
}
</script>
</head>
<body>
<c:import url="../include/head.jsp"></c:import>
<c:import url="../include/logo_menu.jsp">
	<c:param name="type" value="wytz"></c:param>
</c:import>

<div class="youarehere">
	<div class="localtion"><a href="#">首页</a> » <a href="#">债权转让</a></div>
</div>

<div class="wrapper" style="margin:8px auto;background: #fff">
<div class="line_EAEAEA box" style="margin-bottom: 50px;">
    	<div class="dh_pub_list" id="tags">
            <ul>
            	<li><a onclick="selectTag('INVEST')" href="javascript:void(0);" >新手安全标专区</a></li>
                <li><a onclick="selectTag('ASSIGN')" href="javascript:void(0);" class="overbg">债权转让区</a></li>
                <li><a href="javascript:void(0)">第三方保障区</a></li>
                <li><a href="javascript:void(0)">中风险收益区</a></li>
                <li><a href="javascript:void(0)">高风险收益区</a></li>
            </ul>
        </div>
<div class="clearfix"></div>
<div class="section" style="min-height: 600px;">
	<div id="tagContent">
		<div class="tagContent selectTag" id="tagContent0">
			<div class="laba_ico s_16" style="border-bottom:1px solid #EAEAEA;">
				累计成交总金额  <span class="orange">7,571.28</span> 万元 
				累计转让总笔数  <span class="orange">9371</span> 笔
			</div>

			<div id="page-invest-list" class="invest-list">
						<table class="mt20 wp100" style="table-layout: fixed;">
							<tbody>
								<tr class="s_16">
									<th class="list-title gray w200">项目名称</th>
									<th class="list-title gray w60">年利率</th>
									<th class="list-title gray w60">剩余期数</th>
									<th class="list-title gray w100 relative">剩余本息</th>
									<th class="list-title gray w100 relative">购买价格</th>
									<th class="list-title gray w100 relative">折价率</th>
									<th class="list-title gray w100">还款方式</th>
									<th class="list-title gray w60"></th>
								</tr>
								<c:forEach items="${dataList}" var="auto">
									<tr class="invest-list-item" onmouseover="this.className='over_bg'" onmouseout="this.className='invest-list-item'">
										<td class="list-field s_16">
											<a href="<%=request.getContextPath()%>/borrowInfo/detail.htm?borrowInfoId=${auto.borrowInfoId}">${auto.borrowName}</a>
										</td>
										<td class="t_c list-field">${auto.borrowRate}<span class="s_12">%</span></td>
										<td class="t_c list-field">${auto.leftPlanNum }</td>
										<td class="t_c list-field">
											<fmt:formatNumber value="${auto.leftMoney/100}" type="currency" pattern="￥"/>
										</td>
										<td class="t_c list-field">
											<fmt:formatNumber value="${auto.buyMoney/100}" type="currency" pattern="￥"/>
										</td>
										<td class="t_c list-field">${assign_rate * 100}%</td>
										<td class="t_c list-field">${auto.repaymentType.text }</td>
										<td class="t_c list-field">
											<c:choose>
												<c:when test="${auto.status eq 'PUBLISHED' }">
													<a href="javascript:void(0);"  onclick="javascript:doAssgin('${auto.id}');" class="invest-list-icon type"><span>购买</span></a>
												</c:when> 
												<c:otherwise><a href="javascript:void(0);" class="invest-list-icon btn gray"><span>${auto.status.text }</span></a></c:otherwise> 
											</c:choose>
										</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
			</div>
			</div>
		</div>
	</div>
	<div class="paginations">
		<div class="page-bottom">
			记录总数<%=pageUtil.getTotalCount()%>条 当前页/总页数<%=pageUtil.getCurrentPage()%> 
			/<%=pageUtil.getPageCount()%>每页显示<%=pageUtil.getPageSize()%>条 
			<a onclick="javascript:go(1);" href="javascript:void(0);" name="pagebar_frist" class="page-start"><span>首页</span></a> 
			<a onclick="javascript:go(<%=(pageUtil.getCurrentPage() - 1)%>);" href="javascript:void(0);" name="pagebar_pre" class="page-prev"><span>上一页</span></a> 
			<a onclick="javascript:go(<%=(pageUtil.getCurrentPage() + 1)%>);" href="javascript:void(0);" name="pagebar_next" class="page-next"><span>下一页</span></a> 
			<a onclick="javascript:go(<%=pageUtil.getPageCount()%>);" href="javascript:void(0);" name="pagebar_last" class="page-end"><span>末页</span></a> 
		</div>
	</div>
	</div>
</div>
<!-- 友情链接 -->
<c:import url="../include/links.jsp"></c:import>

<!-- 版权所有 -->
<c:import url="../include/copyright.jsp"></c:import>
</body>
</html>